<template>
    <div class="news-detail">
        <van-nav-bar title="消息详情" left-arrow @click-left="goBack"/>
        <div class="content">
            <p class="content-title">
                <span class="title"></span>
            </p>
            <p class="content-date">
                <span class="form-date"></span>
            </p>
        </div>
    </div>
</template>
<script>
import Vue from "vue"
import axios from "axios"
import {
    NavBar
} from "vant"
// import {
//     listMessage
// } from "../../axios/api.js"
var URLconfig = require("../../../../config/urlconfig.js")
export default {
    components: {
        [NavBar.name]: NavBar,
    },
    data() {
        return {
            newList: []
        }
    },
    created() {
        let url=this.$route.params.id;
        console.log(url);
        // axios.get(URLconfig.getAPI()+"endless/message/listMessage").then(res => {
        //     console.log(res)
        // })
    },
    methods: {
        //返回上一页
        goBack() {
            this.$router.go(-1);
        },
        // onLoad() {
        //     this.loading = true;
        //     listMessage({
        //         params: this.data
        //     }).then(res => {
        //         console.log(res.data.data)
        //         this.newList = res.data.data;
        //     })
        // }
    }
}
</script>
<style lang="less" scoped>
@import "../../../assets/less/variable.less";
.news {
    height: 100%;
    background: #fff;
    overflow: hidden;
    .list {
        .list-item {
            li {
                padding: 10px 0;
                line-height: 24px;
                text-align: left;
                border-bottom: @base_boder;
                font-size: @base_textSize;
                color: @base_textColor;
                .details {
                    display: flex;
                    .spot {
                        display: inline-block;
                        vertical-align: top;
                        margin: 10px;
                        width: 8px;
                        height: 8px;
                        background: @theme_background;
                        border-radius: 50%;
                    }
                    .content {
                        display: inline-block;
                        flex: 1;
                        &>p {
                            width: 100%;
                            word-break: keep-all;/* 不换行 */
                            white-space: nowrap;/* 不换行 */
                            overflow: hidden;/* 内容超出宽度时隐藏超出部分的内容 */
                            text-overflow: ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
                        }
                        .form-date {
                            font-size: 12px;
                        }
                    }
                }
            }
        }
    }
}
</style>